<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <title>支付成功</title>

    <link rel="stylesheet" href="../css/weui.css" />
    <link rel="stylesheet" href="../css/example.css" />
    <link rel="stylesheet" href="../css/plate.css" />
    <link rel="stylesheet" href="../css/common.css" />
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <style>
        html,
        body {
            font-family: 'PingFangSC-Regular';
            width: 100%;
            height: 99%;
            background: #F5F5F9;
            color: rgba(51, 51, 51, 0.87);
            margin: 0;
            overflow-y: auto;
        }

        .weui-tab {
            height: 14vh;
            background-color: blue;
            display: flex;
            justify-content: center;
            align-items: flex-end;
        }

        .car {
            width: 30px;
        }

        .hhead {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .parking_name {
            color: black;
            font-weight: 500;
            margin: 0px 6px 0px 6px;
        }

        .temp_parking {
            color: white;
            font-size: 6px;
            background-color: #00b4bb;
            padding: 3px 7px 3px 7px;
            margin-left: 4px;
            border-radius: 6px;
        }

        .borderbottom {
            display: flex;
            align-items: center;
            flex-direction: column;
        }

        .row {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 20px;
        }

        .success {
            width: 24px;
            height: 24px;
            margin-right: 20px;
        }

        .tip {
            color: #ab0402;
            margin: 10px 0px 10px 0px;
            font-size: 12px;
        }

        .pay_success {
            font-weight: 600;
        }
    </style>
</head>

<body>
    <div id="main">
        <div class="weui-cells" style="margin-top: 0px;">
            <div class="weui-cell hhead">
                <img class="car" src="../images/car@2x.png" alt="">
                <span id="car_num" class="parking_name"></span>
                <span class="temp_parking">临停车</span>
            </div>
        </div>

        <div class="weui-cells" style="margin-top: 10px;">
            <div class="weui-cell borderbottom">
                <div class="row">
                    <img class="success" src="../images/success@2x.png" alt="">
                    <span class="pay_success">支付成功</span>
                </div>
                <span class="tip">提示：缴费成功后，请于15分钟之内离场，超时重新计费</span>
            </div>
        </div>

        <script src="../js/jquery-1.11.3.min.js"></script>
        <script src="../js/common.js"></script>
        <script>
            $(function () {
                var plate = get_querystring('plate');
                $('#car_num').html(plate);
               
            })
        </script>

</body>

</html>